<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>DIDIFight</title>
<#include "common/header.ftl"/>
    <script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-validation/jquery.validate.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>

    <script type="text/javascript">
        $(function () {
            //点击查询按钮
            $("#query").click(function () {
                window.location.reload();
            });
            //点击提交按钮
            $("#saveBtn").click(function () {
                $("#addHire").ajaxSubmit(function (data) {
                    dataType:'json'
                    if (data.success) {
                        $.messager.confirm("温馨提示", "提交成功,是否跳到主页", function () {
                            window.location.href = "/index";
                        })
                    } else {
                        $.messager.popup(data.msg);
                    }
                })
            })
        })
    </script>
</head>
<body>
<div class="container">
    <section class="didi_background_img">
        <div class="didi_about not_ie_show"></div>
        <div class="is_ie_hide ie_about_bg">
            <center><img src="/image/recruit.png"></center>
        </div>
    </section>
    <hr>
    <form id="addHire" class="form-horizontal" action="/addHire" method="post">
        <div class="form-group">
            <label class="control-label col-xs-3">姓&emsp;名</label>
            <div class="col-xs-9">
                <input type="text" autocomplete="off" name="name" class="form-control"/>
                <p class="help-block">姓名可用真实姓名或很霸气的昵称</p>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-3">级&emsp;别</label>
            <div class="col-xs-9">
                <select class="form-control" name="level">
                    <option value="0">普通打手</option>
                    <option value="1">退役军人</option>
                    <option value="2">武学宗师</option>
                    <option value="3">专业流氓</option>
                </select>
                <p class="help-block">请选择你那骄傲的身份吧</p>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-3">联系电话</label>
            <div class="col-xs-9">
                <input type="text" autocomplete="off" name="tel" class="form-control"/>
                <p class="help-block">这是一串充满安全感的数字</p>
            </div>
        </div>
        <div class="form-group">
            <div class="col-xs-offset-3 col-xs-9">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"> 我已决定维护世界和平
                    </label>
                </div>
            </div>
        </div>
        <div class="form-gorup">
            <div class="col-xs-offset-5">
                <input type="button" id="saveBtn" class="btn btn-success" value="开启保卫者之路"/>
            </div>
        </div>
    </form>
</div>
</body>
</html>